<template>
  <transition name="guodu4">
      <div class="cont">
      <div class="head1">
          <p class="dataclo">网站介绍</p>
      </div>

        <div class="hezuo_1">
                   
<p>致力于发掘美食 </p>
<hr>
<p>识食 - superb cuidine</p>
<hr>
<p>致力于健康美食</p>
    
            
        </div>
    </div>
</div>

      
     
  </div>
  </transition>
</template>


<script>

</script>
<style scoped>

.hezuo_1{
margin-top:150px;
text-align: center;

}
.cont{
    height: 550px;
    width: 1180px;
    box-sizing: border-box;
    margin: 0 auto;
   border: none;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid black;
}
.head1{
    height: 60px;
    width: 100%;
    background-color:black;
    border:none;
    
    margin-bottom: 20px;
    line-height: 60px;
    box-sizing: border-box;
    margin-top: -16px;
}

.dataclo{
   color:white;
   
}
.guodu-enter, .guodu-fade-leave-active { 
  opacity: 0; 
} 
.guodu-enter-active, .guodu-leave-active {
   transition: opacity 1s ease 
}



</style>